<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>华晨雷诺金杯DMS系统</title>
		<link rel="stylesheet" type="text/css" href="../css/global.css">
		<link rel="stylesheet" type="text/css" href="../css/common.css">
		<link rel="stylesheet" type="text/css" href="../css/zTreeStyle.css"/>
		<script type="text/javascript" src="../data.json"></script>
		<script type="text/javascript" src="../js/jquery-3.5.1.js"></script>
		<script type="text/javascript" src="../js/global.js"></script>
		<script type="text/javascript" src="../js/jquery.ztree.all.min.js"></script>
	</head>
	<body>
		<!-- 页面公共主体 -->
		<div id="commonMain" class="common-main">
			<!-- 页面公共头部 -->
			<header id="commonHeader" class="common-header">
				<div id="commonHeaderTitle" class="common-header-title common-main-left">
					<span class="common-title-left"></span><span class="common-title-right"></span> 华晨雷诺金杯DMS系统
				</div>
				<nav id="commonNav" class="common-nav">
					<ul class="common-flex-num1">
						<li class="global-sc-14-20 global-assist-two common-nav-tab-select">
							<img src="../img/common/icon-car-order.png">
							<span>整车订单</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-sale.png">
							<span>整车进销存</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-spare-order.png">
							<span>备件订单</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-spare-atlas.png">
							<span>备件图册</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-manage.png">
							<span>经销商管理</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-maintain.png">
							<span>免费保养</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-claim-manage.png">
							<span>索赔管理</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-after-sales.png">
							<span>售后知识库</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-analysis.png">
							<span>统计分析</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-set.png">
							<span>系统设置</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-about.png">
							<span>关于</span>
						</li>
						<li class="global-sc-14-20 global-assist-two">
							<img src="../img/common/icon-logout.png">
							<span>推出系统</span>
						</li>
						<li id="commonNavCurUser" class="common-nav-cur-user global-sc-14-20 global-assist-two">
							<span>当前用户：<span class="global-sc-14-20 global-main-black">三江二级1</span></span>
						</li>
					</ul>
				</nav>
			</header>
			<div class="common-tip">
				<div id="navTree" class="common-tip-left global-hk-13-18 global-assist-two common-main-left">
					<span class="common-nav-menu"></span><span id="setNavText">收起导航菜单</span>
				</div>
				<div class="common-tip-right global-hk-12-17 common-main-black">
					欢迎来到华晨汽车DMS系统，在这里，您将获得非常愉快的体验！
				</div>
			</div>
			<!-- 页面公共内容 -->
			<div id="commonContent" class="common-content">
				<!-- 页面公共左侧树 -->
				<div id="commonSidebar" class="common-sidebar common-main-left">
					<ul id="treeSidebar" class="ztree"></ul>
				</div>
				<!-- 页面内容区域 -->
				<div class="common-iframe">
					<iframe id="mainContent" src="carOrder/create.html" width="100%" height="100%" frameBorder='0' scrolling="auto">
					</iframe>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function() { 
				// 加载树
				var settingss = {
					view: {
						fontCss: getFont, // 获取字体颜色
						dblClickExpand: false // 关闭双击展开节点的功能
					},
					data: {
						simpleData: {
							enable: true, //true 、 false 分别表示 使用 、 不使用 简单数据模式
						},
					},
					callback: {
						onClick: onNodeClick, // 节点点击事件
					}
				};
				// 获取字体颜色
				function getFont(treeId, node) {
					return node.font ? node.font : {};
				}
				
				var zNodes = treeData;
				zTreeObj = $.fn.zTree.init($("#treeSidebar"), settingss, zNodes); //初始化树
				zTreeObj.expandAll(true); // true 节点全部展开、false节点收缩
			})
		</script>
	</body>
</html>